<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人中心</title>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/user.css">
</head>
<body>
	<div class="header">
		<div class="menu">
			<div class="user">
				<a href="" title="个人中心">
					<img src="img/user.jpg" width="45"></a>
					<span class="new "><!-- fn_hide --></span>
			</div>
			<a href="" class="add" title="添加商品"></a>
			<a href="" class="sort"></a>
		</div>
		<a href="" class="logo"></a>
		<div class="sortnav fn_clear fn_hide">
			<ul>
				<li><a href=""><span class="sortico1"></span>电脑数码</a></li>
				<li><a href=""><span class="sortico2"></span>食品保健</a></li>
				<li><a href=""><span class="sortico3"></span>家用电器</a></li>
				<li><a href=""><span class="sortico4"></span>图书音像</a></li>
				<li><a href=""><span class="sortico5"></span>运动户外</a></li>
				<li><a href=""><span class="sortico6"></span>玩模乐器</a></li>
				<li><a href=""><span class="sortico7"></span>服饰鞋包</a></li>
				<li><a href=""><span class="sortico8"></span>礼品钟表</a></li>
				<li><a href=""><span class="sortico9"></span>个护彩妆</a></li>
				<li><a href=""><span class="sortico10"></span>办公设备</a></li>
				<li><a href=""><span class="sortico11"></span>母婴用品</a></li>
				<li><a href=""><span class="sortico12"></span>家居家装</a></li>
				<li><a href=""><span class="sortico13"></span>日用百货</a></li>
				<li><a href=""><span class="sortico14"></span>汽车用品</a></li>
				<li><a href=""><span class="sortico15"></span>其他分类</a></li>
			</ul>
		</div>
	</div>
	<div class="wrap">
		<div class="content">
			<div class="userbox">
				<div class="fn_right w254">
					<div class="bgcolfff bor1d9 h145 mb20">
						<div class="pl20 pt20">
							<div class="user mr20 mb20">
								<a href="" title="点击修改">
									<span class="borra30"><img src="img/user.jpg" width="60"></span>
									<span class="tit">点击修改</span>
								</a>
							</div>
							<p class="dib lh60">我的名字</p>
							<div class="fn_clear">
								<span class="lh28">消息提醒</span>
								<div class="acheckbox checked">
			                      <div class="checkbox ">
			                        <span class="whitebox"></span>
			                        <span class="checks">ON</span>
			                      </div>
			                    </div>

			                    <div class="acheckbox  ">
			                      <div class="checkbox">
			                        <span class="whitebox"></span>
			                        <span class="checks">OFF</span>
			                      </div>
			                    </div>
							</div>
						</div>
					</div>
					<a href="" class="but_normal but_100p h40 fz18 lh40 but_red">退出登录</a>
				</div>
				<div class="fn_left w680 ">
					<div class="msgbox bgcolfff bor1d9">
						<div class="tab">
							<a >消息盒</a>
							<a class="active">我的收藏</a>
							<a >我的推荐</a>
						</div>
						<div class="boxes fz14 fn_hide">
							<ul class="news visitor ">
								<li class="fn_clear">
									<div class="user">
										<a  title="路人丙 ">
											<img src="img/user.jpg" width="50">
										</a>
									</div>
									<span class="lh50 col985d3e pr10">路人丙</span>
									回复了你对
									<a href="" class="col999">“Midori Traveler's Notebook旅行者牛皮笔记本”</a>
									的评论
									<span class="new">新</span>
								</li>
								<li class="fn_clear"><div class="user">
										<a  title="路人乙 ">
											<img src="img/user.jpg" width="50">
										</a>
									</div>
									<span class="lh50 col985d3e pr10">路人乙</span>
									回复了你对
									<a href="" class="col999">“Midori Traveler's Notebook旅行者牛皮笔记本”</a>
									的评论
									<span class="new">新</span></li>
								<li class="fn_clear"><div class="user">
										<a  title="路人A ">
											<img src="img/user.jpg" width="50">
										</a>
									</div>
									<span class="lh50 col985d3e pr10">路人A</span>
									回复了你对
									<a href="" class="col999">“Midori Traveler's Notebook旅行者牛皮笔记本”</a>
									的评论
									<span class="new">新</span></li>
							</ul>
						</div>
						<div class="boxes fz14 fn_hide">
							<ul class="news">
								<li class="fn_clear">
									<div class="fn_right w140">
										<a href="" class="but_normal but_100p mt15 mb15">去购买</a>
										<a href="" class="but_normal but_100p but_gray2">删除</a>
									</div>
									<a href="" target="_blank">
										<img class="fn_left mr30" src="img/class.jpg" alt="" width="120" height="120">
									</a>
									<p class="w335 ml150 fz18 pt20 lh48"><a class="col666" href="" target="_blank">趣味拼图 艺术静音挂钟</a></p>
									<p class="w335 ml150 lh24 col999">￥325.00</p>
								</li>
								<li class="fn_clear">
									<div class="fn_right w140">
										<a href="" class="but_normal but_100p mt15 mb15">去购买</a>
										<a href="" class="but_normal but_100p but_gray2">删除</a>
									</div>
									<a href="" target="_blank">
										<img class="fn_left mr30" src="img/class.jpg" alt="" width="120" height="120">
									</a>
									<p class="w335 ml150 fz18 pt20 lh48"><a class="col666" href="" target="_blank">趣味拼图 艺术静音挂钟</a></p>
									<p class="w335 ml150 lh24 col999">￥325.00</p>
								</li>
								<li class="fn_clear">
									<div class="fn_right w140">
										<a href="" class="but_normal but_100p mt15 mb15">去购买</a>
										<a href="" class="but_normal but_100p but_gray2">删除</a>
									</div>
									<a href="" target="_blank">
										<img class="fn_left mr30" src="img/class.jpg" alt="" width="120" height="120">
									</a>
									<p class="w335 ml150 fz18 pt20 lh48"><a class="col666" href="" target="_blank">趣味拼图 艺术静音挂钟</a></p>
									<p class="w335 ml150 lh24 col999">￥325.00</p>
								</li>
							</ul>
						</div>
						<div class="boxes ">
							<ul class="news">
								<li class="fn_clear">
									<div class="fn_right w140">
										<a href="" class="but_normal but_100p mt15 mb15">修改信息</a>
										<a href="" class="but_normal but_100p but_gray2">删除推荐</a>
									</div>
									<a href="" target="_blank">
										<img class="fn_left mr30" src="img/class.jpg" alt="" width="120" height="120">
									</a>
									<p class="w335 ml150 fz18 pt20 lh48"><a class="col666" href="" target="_blank">趣味拼图 艺术静音挂钟</a></p>
									<p class="w335 ml150 lh24 col999">￥325.00</p>
								</li>
								<li class="fn_clear">
									<div class="fn_right w140">
										<a href="" class="but_normal but_100p mt15 mb15">修改信息</a>
										<a href="" class="but_normal but_100p but_gray2">删除推荐</a>
									</div>
									<a href="" target="_blank">
										<img class="fn_left mr30" src="img/class.jpg" alt="" width="120" height="120">
									</a>
									<p class="w335 ml150 fz18 pt20 lh48"><a class="col666" href="" target="_blank">趣味拼图 艺术静音挂钟</a></p>
									<p class="w335 ml150 lh24 col999">￥325.00</p>
								</li>
								<li class="fn_clear">
									<div class="fn_right w140">
										<a href="" class="but_normal but_100p mt15 mb15">修改信息</a>
										<a href="" class="but_normal but_100p but_gray2">删除推荐</a>
									</div>
									<a href="" target="_blank">
										<img class="fn_left mr30" src="img/class.jpg" alt="" width="120" height="120">
									</a>
									<p class="w335 ml150 fz18 pt20 lh48"><a class="col666" href="" target="_blank">趣味拼图 艺术静音挂钟</a></p>
									<p class="w335 ml150 lh24 col999">￥325.00</p>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<div class="pop_wrap"><!-- 弹窗 -->
	<div class="pop_bg"></div>
	<div class="pop_com ">
		<div class="avatar">
			<h1>
				<a class="close" title="关闭">×</a>
				上传头像
			</h1>
			<p class="lh40 pl20 fz14 col666">你可以上传JPG、JPEG、GIF、PNG或BMP文件。</p>
			<div class="user pl15 ">
				<a title="路人丙 ">
					<img src="img/user.jpg" width="120">
				</a>
			</div>
			<a href="" class="but_normal but_gray por">选择文件<input class="input_file" type="file"></a>
			
			<p class="fz14 pt20	col666 pl15 fn_clear"	><a href="" class="fn_right mr20  but_normal ">完成</a></p>
		</div>
		
	</div>
</div>
	
</body>
</html>